function main() {
    
    // 获取canvas 元素
    let canvas = document.getElementById("canvas_id");
    // 获取webgl 绘图上下文
    // var ctx = canvas.getContext("2d");  ------只能获取2d context 或者gl 不能两者都获取
    let gl = getWebGLContext(canvas);
    if(!gl){
        console.error("没有找到webgl");
        return;
    }

    //指定清空canvas的颜色
    gl.clearColor(0.5,0.0,0.0,1.0); // 如果之后再使用同样的背景色 不需要设置 它已经再颜色缓冲区中

    // 清空canvas
    gl.clear(gl.COLOR_BUFFER_BIT);

    // // no idea
    gl.drawColor(1.0,0.0,0.0,1.0);
    gl.drawPoint(0,0,0,10); // 位置和 大小 位置是使用的3d坐标 xyz 表示
}